@charset "utf-8";

/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }

li { list-style: none; }

img{max-width:100%}

a{color:#000000; text-decoration: none; font-family: normal normal 15px / 23px "微软雅黑",Helvetica,Arial,Verdana,sans-serif}





body{background: #fff}



input {  border:0;outline:none;  

-webkit-appearance: none;

}

#nav{margin-top:27px }



.head{width:100%; float:left; padding: 0px 50px; box-sizing: border-box }

.head_r{width:532px; float: right;margin-top: 35px;}

.head_l{width:30%; float: left;margin-top: 33px;margin-bottom: 37px;}

.banner{width:100%; float:left;}

.main_about{width:100%; float:left; background: url(../images/aboutbg.jpg) no-repeat;



    background-position: center top;margin-top: 52px}

.main_about_k{width:1195px; margin: 0 auto;}

.main_about_title {width:100%; float:left; text-align: center;margin-top: 225px}



.main_about_text {;margin-bottom: 67px; font-weight: 100}

.main_about_but{width:82px; margin: 0 auto; text-align: center; color:#fff;}



.main_about_but span{width:100%; float:left; border: 1px #fff ridge; text-align: center;line-height: 26px;  font-size:12px; color:#fff;margin-bottom: 10px }

	.main_about_but span:hover{background:#f7840d; transition: all 0.4s ease-in-out;}	

	

.menubtn{display: none}

.tjal_n{width:100%; float:left; margin-top: 50px}

	

.hbg{width:100%; float:left;background: #747474; height:262px; margin-top: 85px; padding-top:20px }

.gcys_nr{width:1195px; margin:0 auto}

.tjal_title{width:100%; float:left; text-align: left;margin-top:128px;}

.tjal_title_n{width:100%; float:left; text-align: left;margin-top:28px;padding-left: 46px; box-sizing: border-box}

	.tjal_title2{width:100%; float:left; text-align: left;margin-top:73px;}

.tjal{width:100%; margin:0 auto; text-align: left;}

.tjal_title_but{width:82px; margin: 0 auto; text-align: center; color:#fff;}



.tjal_title_but span{width:100%; float:left; border: 1px #646061 ridge; text-align: center;line-height: 26px;  font-size:12px; color:#646061;margin-bottom: 10px }

.tjal_title_but span:hover{background:#f7840d; transition: all 0.4s ease-in-out; color:#fff; border: 1px #fff ridge;}	

.tjal_title2{width:100%; float:left; text-align: left;}



.case_list{width:100%; float:left ; margin-top:53px }



.case_list li{width:33%; float:left; height:auto;position: relative;overflow: hidden; margin-left: 0.2%;margin-bottom: 0.2%}



.box1{position: relative;overflow: hidden;}

.box1:before{	content: '';background: rgba(246,131,12,0.7);height: 100%;width: 100%;	opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s ease-in-out; border: ridge #fff 1px;transform: scale(0.6, 0.6) rotate(0);}

.box1:hover:before{opacity: 1;filter: blur(0);transform: scale(0.6, 0.6) rotate(0);}

.box1 img{width: 100%;height: auto;transition: all 0.5s ease-in-out;}

.box1:hover img{ transform: scale(1) ; }

.box1 .box-content{color: #fff;text-align: center;width: 100%;opacity: 0;transform: translateX(-50%) translateY(-50%) scale(1);position: absolute;top: 40%;left: 50%;z-index: 1;	transition: all 0.5s ease;}

.box1:hover .box-content{opacity: 1;}

.box-content .title{font-weight: 100; margin-top: 50px}









.hzhp{width:100%; float:left; text-align: center;padding-left: 64px; padding-right: 64px; box-sizing: border-box;}

.jxlogo{width:100%; text-align: center; float:left}

.hzhp_title{width:100%; float:left; text-align: center;margin-bottom: 50px}



.hzhp_title_main li{width:145px;float:left ;text-align: center; margin-bottom: 50px;margin-right: 14px}

.footer{width:100%; float:left;background: #111111 ; text-align: left;color:#777777; min-height: 260px }

.footerk{width:100%; margin:0 auto;}

.footer_l span{width:100%;float:left; text-align: left; line-height: 18px; font-size:14px;margin-bottom: 14px}

.footer_logo{width:100%; float:left; margin: 37px 0px}

.footer_l li{width:60px; float:left;color:#777777;  border-right:1px ridge #777 ;line-height: 14px; padding: 0px 10px }

.footer_l li a {width:100%; float:left;color:#777777; text-align:left;line-height: 14px;}

.footer_l  ul{width:100%; float:left;margin-top: 14px}

.footer_l li:first-child {padding-left: 0px;width:40px}

.footer_l li:last-child {border-right:none ;}

 .hzhp_title_main li:nth-child(10n+10) {

         margin-right: 0px

       }

.footer_r {width:510px; float:left; margin-left: 215px}

.footer_r  span{width:100%;float:left; text-align: left; line-height: 18px; font-size:14px;margin-bottom: 19px}

.footer_r  h3{width:100%; float:left; font-size:18px;font-weight: 400; margin-top: 83px;margin-bottom: 25px}

.footer_r  i{width:22px; float:left;margin-right: 4px}

.main_about_text{width:1704px; margin:0 auto;min-height: 394px;}





.main_about_text_l{width:1058px; float:left;text-align: left}

.main_about_text_l h2{width:100%; font-size:18px; color:#fd6500;margin-top: 40px;margin-bottom: 16px}

.main_about_text_l span{width:100%; font-size:16px; color:#4f4f4f; line-height: 36px}

.main_about_text_r{width:372px; float:right; text-align: left;margin-top: 30px}

.main_about_text_r span{width:100%; float:left;font-size:16px; color:#fd6500;line-height: 36px}





.footer_l{width:451px; float:left;}

.sbanner{width:100%; float:left; margin-top: 33px}

.cont_l{width:195px; float:left;background: #f5f5f5;padding-bottom: 60px;margin-top: 40px}

.cont_l li{width:100%; float:left; text-align: center;line-height: 60px;color:#000}

.cont_l li a:hover{width:100%; float:left; background: #fd6500;color:#fff}

.cont_l .on{width:100%; float:left; background: #fd6500;color:#fff}

.cont_l .on a{width:100%; float:left; background: #fd6500;color:#fff}

.cont_r{width:1023px; float:right}

.cont_r h2{width:100%; float:left; margin-top: 58px; margin-bottom: 36px}

.cont_r h4{width:100%; float:left; margin-top: 28px; margin-bottom: 36px; font-size: 18px}



.condz{width:248px; float:left;border: 1px ridge #ececec;text-align: center;box-sizing: border-box;padding: 0px 20px}

.condz dd{width:100%; float:left; margin-top:63px; margin-bottom: 34px }

.condz h3{width:100%; float:left; margin-bottom: 20px}



.condz span{width:100%; float:left; margin-bottom: 40px}





.condh{width:248px; float:left;border-top: 1px ridge #ececec;text-align: center;box-sizing: border-box;padding: 0px 20px;border-bottom: 1px ridge #ececec;}

.condh dd{width:100%; float:left; margin-top:63px; margin-bottom: 34px }

.condh h3{width:100%; float:left; margin-bottom: 20px}



.condh span{width:100%; float:left; margin-bottom: 40px}





.conyx{width:248px; float:left;border: 1px ridge #ececec;text-align: center;box-sizing: border-box;padding: 0px 20px;}

.conyx dd{width:100%; float:left; margin-top:63px; margin-bottom: 34px }

.conyx h3{width:100%; float:left; margin-bottom: 39px}



.conyx span{width:100%; float:left; margin-bottom: 40px}



.contact_masgess_bd{width:100%; float:left; }



.form_k_c{width:357px; float:left; margin-right: 15px}



.form_k_c .form_li1{width:357px; float:left;height: 30px; line-height: 30px;margin-bottom: 20px;padding-left: 10px; border: ridge 1px #eaeaea; color:#BFBFBF; background: #f9f9f9 }



.form_k_c2{width:100%; float:right; margin-bottom: 30px}



.form_k_c2 .form_li1{width:329px; float:left;height: 30px; line-height: 30px;padding-left: 10px;background: none; border: ridge 1px #eaeaea; color:#BFBFBF }



.form_k4_c{width:100%; float:left;}
.cont_r_nr{line-height: 32px;}


.form_k4_c .form_li5{width:728px; float:left;height: 130px; line-height: 130px;padding-left: 10px;border: ridge 1px #eaeaea; color:#BFBFBF;background:#f9f9f9 }

.form_li3{background: #fff ; border: none;padding: 10px; color: #BFBFBF; width:728px; color:#000; border: ridge 1px #eaeaea;margin-top: 30px;}

.about2bg{width:1338px; float:left;background: url(../images/about2bg.jpg) no-repeat left top;color:#fff; margin-top:30px}

.about2{width:1338px; margin: 0 auto;background: url(../images/about2bg.jpg) no-repeat left top }



.about2bg h2{width:100%; float:left; margin-top: 40px;box-sizing: border-box; padding-left: 10px}

.about2bg span{width:713px; float:left;line-height: 48px; font-size:18px;box-sizing: border-box; padding-left: 10px;padding-right: 20px;margin-top: 20px;padding-bottom: 300px}

.about2_title{width:100%; float:left; text-align: center; font-size:18px; color:#ff9000}

.zw{width:100%; float:left; background: url(../images/about2line.jpg) no-repeat center bottom;padding-bottom: 10px; margin-bottom: 20px}

.yingwen{color:#656565;}

.about2_title_nr{width:100%; float:left; text-align: center;margin-top: 50px;margin-bottom: 150px}
.zw_list{width:43%;padding:30px 52px 30px 0px;float:left; text-align:left }

.zw_list_title{width:100%; float:left;padding-bottom: 20px; border-bottom: 1px ridge #eee;margin-bottom: 20px}
.zw_list_title h3{width:100%; float:left; font-size:18px; margin-bottom: 10px}

.zw_list_title h5{width:100%; float:left; font-size:16px; margin-bottom: 10px}
.zw_list_nr span{margin: 10px 0px;width:100%; float:left}

.mainabout_r_newlist {width:100%; float: left; border-bottom: solid 1px #eee; padding-bottom: 35px;margin-top:35px; }
.mainabout_r_nlist{width:100%; float:left; border: ridge #eee 1px; padding: 20px;margin-bottom: 20px; margin-top: 40px }
.mainabout_r_nlist_l{width:249px; float:left;  font-weight: 400}

.mainabout_r_nlist_c{width:500px; float:left; margin-left: 39px}
.mainabout_r_nlist_c h2{width:100%; float:left; font-size:16px; font-weight: 400; margin-bottom: 20px;} 
.mainabout_r_nlist_c span{width:100%; float:left; font-size:12px; font-weight: 100; line-height: 28px}
.mainabout_r_nlist_r_date{width:66px; float:left; margin-left: 10px;}
.mainabout_r_nlist_r_date_y{font-size:12px;}
.moreicon{background: url(../images/hui.png)no-repeat; width: 31px;height: 31px; float: left; margin-top: 20px;}
.mainabout_r_nlist:hover{background: #f6830c;  }

.mainabout_r_nlist:hover  h2{color:#fff}
.mainabout_r_nlist:hover  span{color:#fff}
.mainabout_r_nlist:hover  .mainabout_r_nlist_r_date{color:#fff}
.mainabout_r_nlist:hover .moreicon{background: url(../images/bai.png)no-repeat;}





/*微信*/





.right_nav_bar {

	position: fixed;

	right: 0;

	top: 50%;

	z-index: 10001;

	list-style: outside none none;

	width: 54px

}

.right_nav_bar li {

	position: relative;

	list-style: outside none none;

	float: left;

	height: 54px;

	width: 54px

}

.right_nav_bar .icons {

	height: 54px;

	width: 54px;

	float: left;

	position: absolute;

	right: 0;

	transition: all 0.3s ease 0s;

	overflow: hidden;

	word-break: keep-all;

	white-space: nowrap

}

.right_nav_bar span.title {

	padding-right: 10px;

	color: #fff;

	position: relative;

	top: 17px

}

.right_nav_bar i.icon {

	background-image: url("../images/pic.png");

	height: 30px;

	margin: 12px;

	width: 30px;

	display: inline-block

}

.black.right_nav_bar span.title {

	color: black

}

.right_nav_bar .qq-icon i {

	background-position: 30px -40px

}

.black.right_nav_bar .qq-icon i {

	background-position: 0px -40px

}

.right_nav_bar .weixin-icon i {

	background-position: 30px -80px

}

.black.right_nav_bar .weixin-icon i {

	background-position: 0px -80px

}

.right_nav_bar .weibo-icon i {

	background-position: 30px -297px

}

.black.right_nav_bar .weibo-icon i {

	background-position: 0 -297px

}

.right_nav_bar .phone-icon i {

	background-position: 30px 0px

}

.black.right_nav_bar .phone-icon i {

	background-position: 0px 0px

}

.right_nav_bar .whatsapp-icon i {

	background-position: 30px -378px

}

.black.right_nav_bar .whatsapp-icon i {

	background-position: 0px -378px

}

.right_nav_bar .support-icon i {

	background-position: 30px -117px

}

.black.right_nav_bar .support-icon i {

	background-position: 0 -117px;

}

.right_nav_bar .skype-icon i {

	background-position: 30px -338px

}

.black.right_nav_bar .skype-icon i {

	background-position: 0 -338px;

}

.right_nav_bar .email-icon i {

	background-position: 30px -147px

}

.black.right_nav_bar .email-icon i {

	background-position: 0px -147px

}

.right_nav_bar .word-icon i {

	background-position: 30px -184px

}

.black.right_nav_bar .word-icon i {

	background-position: 0px -184px

}

.right_nav_bar .concat-icon i {

	background-position: 30px -225px

}

.black.right_nav_bar .concat-icon i {

	background-position: 0px -225px

}

.right_nav_bar .totop-icon i {

	background-position: 30px -264px

}

.black.right_nav_bar .totop-icon i {

	background-position: 0px -264px

}













/*工厂*/



.gcys_k{width:100%; float:left; background-color:#f5f5f5; padding-bottom: 34px;}

.ysxm1{width:268px; float:left; background: url(../images/line.jpg) no-repeat right; height: 182px;margin-right: 25px; text-align: center;font-family: Century Gothic;float:left;   }

.ysxm2{width:268px; float:left; background: url(../images/line.jpg) no-repeat right; height: 182px;margin-right: 25px;text-align: center;font-family: Century Gothic;}

.ysxm3{width:268px; float:left; background: url(../images/line.jpg) no-repeat right; height: 182px;margin-right: 25px;text-align: center;font-family: Century Gothic}

.ysxm4{width:268px; float:left; height: 182px;text-align: center;font-family: Century Gothic}

.gcys{width:1236px; float:right; margin-right:160px; }

.fontwz{width:25px; font-size:20px;padding-left:10px;   padding-top: 20px;float: left;padding-left:6px; margin-top: 15px }

.jiahao{width:25px; font-size:24px;float:left;   }



#productNumber_1{float:left;padding-left: 65px; box-sizing: border-box}

#productNumber_2{float:left;padding-left: 75px; box-sizing: border-box}

#productNumber_3{float:left;padding-left: 90px; box-sizing: border-box}

#productNumber_4{float:left;padding-left: 96px; box-sizing: border-box}

.gc_js_k{width:100%; float:left; background: #fff; }

.gcys h2{font-size:30px; color:#000;width:100%; float:left; text-align: left;margin: 46px 0px}

.ysxm_sz{font-size:60px; float:left; width:100%; color:#fff;  padding-top: 32px; } 

.ysxm_wz{ float:left; width:100%; color:#fff;font-size:16px;padding-top: 15px; text-align: center }

.gc_js_l{width:882px; float:left;}

.gc_js_r{width:904px; float:right; height:302px; background: #ee5227;padding-left: 55px; padding-top: 20px; box-sizing: border-box;margin-top: 156px;padding-right: 50px; }

.gc_js_r h2{font-size:24px; color:#fff;float:left;width:100%; }

.gc_js_r span{font-size:16px; color:#fff;float:left;width:100%;margin-top: 40px;line-height: 38px }

.gctp_k{width:100%;float:left; background: #fff;padding-top: 150px;padding-bottom: 50px}

.gctp_title{width:300px; float:left;margin-top: 100px}

.gctp_title h2{font-size:28px; width:100%; float:left; background: url(../images/gcicon.jpg) left center no-repeat;padding-left: 20px; box-sizing: border-box;color:#000}

.gctp_title span{font-size:16px; width:100%; float:left; margin-top: 32px;color:#000; line-height: 32px}

.gctp{width:1616px; margin: 0 auto}

.gctp_tp_l_1{width:440px;float:left}

.gctp_tp_l_2{width:440px;float:left}

.gctp_tp_l{width:880px; float:right}

.gctp_tp_r{width:100%; float:left;}

.gctp_tp_l_3{width:719px; float:left;margin-left: 15px}



.gctp_tp_l_4{width:439px; float:right}





.pdnr{width:100%; float:left;margin-bottom: 90px}

.pdnr_k{width:1338px;margin: 0 auto}

.protitle{width:100%; float:left; border-left: #fd6500  ridge ;box-sizing: border-box; padding-left:15px;margin-top: 30px; margin-bottom: 43px}

.protitle span{width:100%; float:left;}

.projs{width:161px; height:50px; background: url(../images/butt.jpg) left center no-repeat; float:left;padding-top: 10px;margin-bottom: 102px}



.projs span{width:100%; float:left;color:#fff; padding-left:10px; box-sizing: border-box;margin-bottom: 5px }

.projs_nr{width:1143px; float:right; text-align: left}





	/* 详情页轮播 -------------------------------------- */



	.slideBox2{ position:relative;  width:100%;  height:696px; overflow:hidden; margin:10px auto; margin-top:57px}

	.slideBox2 .hd{ position:absolute; width:100%;  height:217px; bottom:0; left:0; z-index:1; width:100% }

	.slideBox2 .hd img{ width:39px;  }

	.slideBox2 .prev,.slideBox .next{ position:absolute; left:4px; top:-260px; display:block; width:39px; height:241px; line-height:27px; text-align:center;   }

	.slideBox2 .next{  position:absolute;  right:4px;top:-260px; }

	.slideBox2 .bd{ position:relative; z-index:0; }

	.slideBox2 .bd li{ position:relative; }

	.slideBox2 .bd li img{ width:100%;  height:696px; display:block;   }

	.slideBox2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

	.slideBox2 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:27px; line-height:27px;  text-align:center;  color:#fff; background-color:rgba(0,0,0,0.7); ; 

	}





















	/* 手机bannercss -------------------------------------- */

	.slideBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:100%;/* 设置焦点图最大宽度 */ }

	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:20px; right:45%; z-index:1; }

	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(255,255,255,0.5 ); text-indent:-9999px; overflow:hidden; margin:0 6px;   }

	.slideBox .hd li.on{ background:#fff;  }

	.slideBox .bd{ position:relative; z-index:0; }

	.slideBox .bd li{ position:relative; text-align:center;   }

	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }



	.p_list img{width:100%; float:left;}

	

.banner{width:100%; float:left;}

















		/* 导航css */





		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

		.nav{ padding:0 20px; height:34px; line-height:34px;   position:relative; z-index:1;  }
.nav .nLi:last-child{background: none}
		.nav a{ color:#312d2a;  font-family: "微软雅黑"; font-size:16px;font-weight: 400; }

		.nav .nLi{ float:left;  position:relative; display:inline;background: url(../images/navline.jpg) center right no-repeat;  }

		.nav .nLi h3{ float:left;  }

		.nav .nLi h3 a{ display:block; padding:0 20px; font-size:16px; font-weight:bold;  font-family: "微软雅黑"; font-weight: 400;letter-spacing:5px }

		.nav .sub{ display:none; width:100px; left:0; top:34px;  position:absolute;  line-height:26px; padding:5px 0;  text-align: center}

		.nav .sub li{ zoom:1;margin-bottom: 4px }

		.nav .sub a{ display:block; padding:0 10px;  font-family: "微软雅黑"; font-size:12px;font-weight: 400; }

		.nav .sub a:hover{ color:#f6830c;   }

		.nav .on h3 a{  color:#f6830c; font-family: "微软雅黑"; font-size:16px;font-weight: 400;background: url(../images/nav_line.jpg) top center no-repeat; }











	



	.nav .nLi h3 a:hover{  color:#f6830c;  font-family: "微软雅黑"; font-size:16px;font-weight: 400;background:none }



	.nav .nLi h3 a i.underline{background-color:#f6830c;height: 2px}





	.nav .nLi h3 a:hover i.underline{width:50%; opacity: 1; left: 23%;}

.nav .nLi h3 a i.underline{

position: absolute;

    display: block;

    overflow: hidden;

    left: 50%;

    bottom: 2px;

    width: 0;

    height: 2px;

    opacity: 0;

    -webkit-transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;

    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;



}







@media screen and (min-width:768px) and (max-width:1400px) {

	

	

	

	



	

	

	

}







@media (max-width: 767px){ 
	
	.mainabout_r_nlist{margin: 10px 0px}
	.cont_r h2{margin-top: 10px}
	.mainabout_r_nlist_r_date{margin-left: 0px}
	.mainabout_r_nlist_c{width:100%; float:left; margin-left: 0px}
	.mainabout_r_nlist_l{width:100%; float:left;}
	.mainabout_r_nlist_l img{width:100%; float:left;}
	.mainabout_r_nlist{box-sizing: border-box}
	.pdnr{margin-top: 20px}
	.cont_r{box-sizing: border-box; padding: 0px 10px;}
	.zw_list{width:100%; float:left}
	.mess_r{width:100%; float:left;padding: 10px; box-sizing: border-box } 
	.mess_l{width:100%; float:left;padding: 10px; box-sizing: border-box } 
	.form_k_c .form_li1{width:100%; float:left;}
	.form_k_c{width:100%; float:left; margin-right: 0px}
	.form_li3{width:100%; float:left;padding: 10px; box-sizing: border-box }
	.form_k4_c .form_li5{width:100%; float:left}
	.condz{margin-bottom: 50px; margin: 0 auto; float: none}
	.condh{border: ridge 1px #ececec; margin: 0 auto; float: none}
	.conyx{margin: 0 auto; float: none}
	
	.cont_r{width:100%; float:left}
	.cont_l{width:100%; float:left}
	.tjal_title_n{padding-left: 0px;margin-top: 40px}
	.pdnr_k{width:100%; float:left}
	.about2bg span{font-size:16px; line-height: 36px; width:100%}
	.about2{width:100%; float:left}
	.about2bg{width:100%; float:left}
	.hzhp_title_main li{width:32%; margin-right: 0px}
	
	.main_about_text_r{float:left; width:100%; margin-bottom: 20px}
	.main_about{width:100%; box-sizing: border-box; padding: 10px; margin-top: 0px}
	.footer_r h3{margin-top: 20px}
	.footer_r{width:100%; float:left;text-align: left; margin-left: 0px}
	.footer_l{width:100%; float:left;text-align: left}
.main_about_text{width:100%; float:left;text-align: left}
.main_about_text_l{width:100%; float:left;text-align: left}
.footerk{width:100%; float:left;text-align: left; box-sizing: border-box; padding: 10px}
	.nav.clearfix{display: none}

.head_r{margin-top: 10px}

	.head{padding:0px 10px; position: fixed; top:0px; background: #fff;z-index:99999 }

	.head_l{margin-bottom: 0px}

	.banner{margin-top: 80px}

	.main_about_k{width:100%; box-sizing: border-box; padding: 10px 10px}

	.main_about_title{margin-top: 40px}

	.main_about_text{margin-top: 40px}

	.gcys_nr{width:100%}

	.ysxm1{width:50%;margin-right: 0px}

	#productNumber_1{padding-left:16%}

	.ysxm2{width:45%;margin-right:0px;background:none}

	#productNumber_2{padding-left:19%}

	.hbg{height:auto}

	#productNumber_3{padding-left:29%}

	#productNumber_4{padding-left:29%}

	.ysxm3{width:50%;margin-right: 0px}

		.ysxm4{width:45%;margin-right: 0px}

	.tjal{width:100%; float:left; box-sizing: border-box; padding: 0px 0px}

	.tjal_title{margin-top: 40px ; box-sizing: border-box; padding: 0px 10px }
	.tjal_title2{margin-top: 40px}
	

	.case_list{margin-top: 40px  }

	.case_list li{width:48%; margin-left: 1%; margin-bottom: 1%}

	.hzhp {margin-top: 10px;padding: 0px 10px  }

	.hzhp_title{margin-top: 40px;margin-bottom: 10px    }

	.menubtn{display: block}

	

	

	      #menu-checkbox{

        display: none;

      }

      #menu-checkbox:checked ~ .tag-list{

        display: none; 

      }

	

	.zhankai{color:#fff; text-align: center;   }

	

	#hamburgermenu summary:focus {outline:0px}

	details summary::-webkit-details-marker { display:none; }

	.zlist a{color:#fff; text-align: center; width:100%; float:left;margin-bottom: 15px;font-size: 12px}

	.zlist{color:#fff; text-align: center; width:100%; float:left;margin-top: 20px;}

	 /* 自定义的三角 */

        details:not([open]) summary::before {

            margin-left: 4.8em;

          

            background: linear-gradient(to right, #999, #999) no-repeat center,linear-gradient(to bottom, #999, #999) no-repeat center;

            background-size: 10px 2px,2px 10px;

        }

        details summary::before {

            content: '';

            position: absolute;

            width: 1em;

            height: 1.5em;

            margin-left: 4.8em;

     

            background: linear-gradient(to right, #999, #999) no-repeat center;

            background-size: 10px 2px;

        }

        summary {

            -webkit-user-select: none;

            -moz-user-select: none;

            -ms-user-select: none;

            user-select: none;

            cursor: pointer;

         

        }

        summary {

            outline: 0;

        }

        summary a {

            color: inherit;

            text-decoration: none;

            pointer-events: none;

        }

        details,summary{

            margin-bottom: 2px;

        }

        details>details,details>content {/*调整下缩进*/

            display: block;

            padding-left: 20px;

        }



}